/**
 * @description 组件样式
 * @author: 陈陈
 * @date: 2025/05/09
 * @phone: 18560000860
 * @email: 18560000860@qq.com
 * @company: 济南晨霜信息技术有限公司 /
 * @business: 承接前后端项目的开发
 */
.pure-float-bubble {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: var(--pure-float-bubble-z-index, var(--pure-z-index-lower));
	pointer-events: none;

	&__movable-view {
		width: var(--pure-float-bubble-width, 50px);
		height: var(--pure-float-bubble-height, 50px);
		background: var(--pure-float-bubble-background, var(--pure-theme-primary));
		border-radius: var(--pure-float-bubble-border-radius, var(--pure-radius-circle));
		box-shadow: var(--pure-float-bubble-shadow, 0 10px 20px rgba(0, 0, 0, 0.25));
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		color: var(--pure-float-bubble-color, var(--pure-text-color-invert));
		font-size: var(--pure-float-bubble-font-size);
		pointer-events: all;
		border: var(
			--pure-float-bubble-border,
			var(--pure-float-bubble-border-width, 0) var(--pure-float-bubble-border-style, solid)
				var(--pure-float-bubble-border-color)
		);
		gap: var(--pure-float-bubble-gap, 2px);
		left: var(--pure-float-bubble-left, auto);
		right: var(--pure-float-bubble-right, 10px);
		top: var(--pure-float-bubble-top, auto);
		bottom: var(--pure-float-bubble-bottom, 35%);
		z-index: 20;
	}

	&__icon {
		font-size: var(--pure-float-bubble-icon-font-size, 24px);
		color: var(--pure-float-bubble-icon-color);
		line-height: 1;
	}

	&__text {
		font-size: var(--pure-float-bubble-text-font-size, 10px);
		color: var(--pure-float-bubble-text-color, var(--pure-text-color-invert));
		line-height: 1;
	}
}
